<template>
  <div class="bigData">
    <div class="topTitle">
      <div class="topname">
        <b>数据详情信息</b>
      </div>
    </div>
    <div class="kuang">
      <div class="kuangdiv">
        <div class="kuangdiv-Left">
          <pie-chart />
        </div>
        <div class="shuxian"></div>
        <div class="kuangdiv-Right"></div>

      </div>
      <div style="width: 10px;display: inline-block"></div>


      <div class="kuangdiv">

      </div>
    </div>
  </div>
</template>

<script>
  import request from '@/utils/request'
  import PieChart from '../dashboard/PieChart'

  export default {
    name: "bigData",
    components:{
      PieChart
    },
    data() {
      return {

      };
    },
    created() {

    },
    methods: {

    }
  };
</script>
<style lang="scss" >
  .bigData {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #02051f;
    padding-bottom: 50px;
    overflow: auto;
    .topTitle {
      height: 84px;
      width: 100%;
      background: url("../../assets/image/bjtop.png") no-repeat;
      -webkit-background-size: contain;
      -o-background-size: cover;
      .topname {
        width: 100%;
        height: 29px;
        font-family: MicrosoftYaHei-Bold;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        /*color: #fefefe;*/
        padding-top:37px;
        text-align: center;
        b{
          background: linear-gradient(to right,#04fffb, #037ba7);
          -webkit-background-clip: text;
          color: transparent;
        }

      }
    }
    .kuang {
      margin: auto;
      height: 263px;
      width: 1680px;
      overflow: hidden;
      .kuangdiv {
        width: 834px;
        height: 263px;
        display: inline-block;
        background: url("../../assets/image/kuang.png");
        background-size: cover;
        .shuxian {
          width: 1px;
          height: 100%;
          display: inline-block;
          background: -webkit-linear-gradient( #061139 ,#69beab, #061139 ) ;
        }

        .kuangdiv-Left {
          width: 301px;
          height: 100%;
          float: left;
        }
        .kuangdiv-Right {
          width: 532px;
          height: 100%;
          float: right;
        }
      }
    }


  }
</style>
